import { DownloadOutlined, VerticalAlignTopOutlined } from '@ant-design/icons';
import { BackTop, Tooltip } from 'antd';
import React, { Component } from 'react';

export default class Goback2Top extends Component {
	render() {
		return (
			<>
				<div
					className="p-f cp"
					style={{
						height: 44,
						width: 44,
						lineHeight: '44px',
						border: '1px solid #EEEEEE',
						background: '#FFFFFF',
						textAlign: 'center',
						fontSize: 24,
						right: 30,
						bottom: 143,
						color: '#FF3333',
					}}
				>
					<Tooltip
						placement="leftBottom"
						title={
							<div className="p4">
								<div className="pb2">登录后扫码下载App</div>
								<div>
									<img style={{ width: 120 }} src={require('../image/qrcode.jpg').default} alt="" />
								</div>
							</div>
						}
					>
						<DownloadOutlined />
					</Tooltip>
				</div>
				<BackTop
					style={{
						height: 44,
						width: 44,
						lineHeight: '44px',
						border: '1px solid #EEEEEE',
						background: '#FFFFFF',
						textAlign: 'center',
						fontSize: 24,
						right: 30,
						bottom: 100,
					}}
					visibilityHeight={-1}
					target={() => document.getElementById('appScrollContainer') || document.body}
				>
					<VerticalAlignTopOutlined />
				</BackTop>
			</>
		);
	}
}
